import React from 'react';
import LogFactory from "log/LogFactory";
import {useNavigate} from "react-router-dom";
import {Button, Space} from "antd";
import Hyacinth from "global/Hyacinth";
const log = LogFactory.getLogger("IndexPage");
const IndexPage = () => {
    log.debug("IndexPage ----------------> render");
    const navigate = useNavigate();
    Hyacinth.getInstance().setNavigate(useNavigate());
    return (
        <>
            <div style={{
                // backgroundColor: "#433e3e",
                textAlign: "center"
            }}>
                <h1>Thinking use hyacinth system</h1>
                <p>
                    Use this system requires must be authorized by the system administrator .
                </p>
                <p>
                    please contact the administrator to get the authorization.
                </p>
                <p>But if you are already logged in, you may click enter navigate button enter system. </p>
               <Space size={50}>
                   <Button type={"primary"} onClick={()=> navigate("/login")}>Login now</Button>
                   <Button type={"primary"} onClick={()=> navigate("/nav")}>Navigate</Button>
                   <Button type={"primary"} onClick={()=> navigate("/record")}>Record</Button>
               </Space>

            </div>

        </>
    );
};

export default IndexPage;